<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>oppo.com</title>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/oppo.js"></script>
    <link rel="stylesheet" type="text/css" href="css/oppo.css">
</head>

<body>
    <div class="banner">
        <div class="header">
            <div class="greenhead">
                <ul>
                    <li><a href="">登录</a></li>
                    <li><a href="">注册</a></li>
                    <li><a href="">Global</a></li>
                </ul>
            </div>
            <div id="menu">
                <img src="Image/logo.jpg">
                <ul id="menulist">
                    <li>首页</li>
                    <li>产品</li>
                    <li>商场</li>
                    <li>体验店</li>
                    <li>服务</li>
                    <li>ColorOS</li>
                    <li>社区</li>
                    <li>云服务</li>
                </ul>
            </div>
        </div>
        <div class="image">
            <ul>
                <li class="pic1">
                    <a href="#"><img src="Image/封面1.jpg" alt="封面" width="100%"></a>
                </li>
                <li class="pic1">
                    <a href="#"><img src="Image/封面2.jpg" alt="封面" width="100%"></a>
                </li>
                <li class="pic1">
                    <a href="#"><img src="Image/封面3.jpg" alt="封面" width="100%"></a>
                </li>
                <li class="pic1">
                    <a href="#"><img src="Image/封面4.jpg" alt="封面" width="100%"></a>
                </li>
            </ul>
        </div>
        <ul class="anniu">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul class="lr">
            <li class="pre">
                <a>
                    < </a>
            </li>
            <li class="next">
                <a>
             > </a>
            </li>
        </ul>
        <div class="imgbottom">
            <img src="Image/底部1.jpg">
            <img src="Image/底部2.jpg">
            <img src="Image/底部3.jpg">
        </div>
        <div class="bottom">
            <div class="bottomcontent">
                <ul>
                    <li class="bottomfirst">
                        <B>推荐机型</B>
                    </li>
                    <li>R11</li>
                    <li>R11&nbsp;Plus</li>
                    <li>A57</li>
                    <li>A59s</li>
                </ul>
                <ul>
                    <li class="bottomfirst">
                        <B>服务</B>
                    </li>
                    <li>服务网点查询</li>
                    <li>零配件价格查询</li>
                    <li>官方授权网店</li>
                </ul>
                <ul>
                    <li class="bottomfirst">
                        <B>关于我们</B>
                    </li>
                    <li>关于oppo</li>
                    <li>加入我们</li>
                    <li>发布会回顾</li>
                </ul>
                <ul>
                    <li class="bottomfirst">
                        <B>商务合作</B>
                    </li>
                    <li>开放平台</li>
                    <li>采购相关</li>
                </ul>
            </div>
            <div class="bottomimg1"><img src="Image\xiayou.jpg"></div>
        </div>
        <div class="footer">
            <span class="footer1">© 2005 - 2017 OPPO 版权所有 粤ICP备08130115号-1 联系方式：4001-666-888</span>
            <div class="footer2">
                <span>关注我们：</span>
                <img src="Image\guanzhu.jpg">
            </div>
        </div>
    </div>
</body>

</html>